.body-box{
    width:880px ;
    overflow: hidden;

    border-top:none ;
    position: relative;

}

.body-box .body-nav{
    width:136px ;
    float: left;
    padding: 4px;
    border-right: solid 1px #d0d0d0 ;
    height:700px;
}

.body-box .body-content{
    width:720px ;
    padding: 4px;
    float: left;

}

/**
表格部分
*/
table.gridtable {
    font-family: verdana,arial,sans-serif;
    font-size:16px;
    color:#333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
    display: block;
}
table.gridtable th {
    border-width: 1px;
    padding: 0;
    border-style: solid;
    border-color: #eeeeee;
    background-color: #dedede;
}
table.gridtable td {
    margin-top: -1px;
    border-width: 1px;
    padding: 0;
    border-style: solid;
    border-color: #eeeeee;
    background-color: #ffffff;
}

input{
    outline: none;
    border: none;
}

/*
左侧导航栏
*/
.body-nav ul.db-link{
    list-style-type:none;
    padding-left: 20px;
    list-style-image: url(../images/dblink.png);
}

.body-nav ul.database{
    list-style-type:none;
    padding-left: 20px;
    list-style-image: url(../images/database.png);
}

.body-nav ul.table{
    list-style-type:none;
    padding-left: 20px;
    list-style-image: url(../images/table.png);
}

.body-nav ul.table li.active{
    background-color: #cccccc;
    color:#ffffff ;
}

[data-sort="as"]{
    background: url(../images/up-arrow.png) no-repeat  right;
}
[data-sort="des"]{
    background: url(../images/down-arrow.png) no-repeat  right;
}
/*
右侧底部工具栏
*/
.body-content div.toolbox{
    position: absolute;
    bottom: 0;
    font-family: 微软雅黑, "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-size: 12px;
}
